<@pagelet title="">
<div>
    <div style=" background: #a9ea00;" ms-css-width="w" ms-css-height="h" ms-click="click">Inner</div>
    <p>{{ @text }} </p>
    <p>W: <input type="text" ms-duplex="w" data-duplex-event="change"/></p>
    <p>H: <input type="text" ms-duplex="h"/></p>
</div>
<div id="inner-content"></div>

<script>
    var a = 100;
    console.log(scope);
</script>
<script>
//    setInterval(function(){
        console.log('setInterval');
        pagelet('avalon', function (avalon) {
            console.log(scope.domId);
            console.log('hello inner--->');
            var vm = avalon.define({
                $id: scope.domId,
                text: "Hello Inner",
                h: 100,
                click: function () {
                    vm.w = parseFloat(vm.w) + 10;
                    vm.h = parseFloat(vm.h) + 10;
                },
                loadpage:function(){
                    console.log('1234444');
                }
            });
        });
//    },100);
</script>
</@pagelet>